<template>
	<view>
		<view class="topiner u-border-bottom">
			<p class="box" @click="like()">
				<image src="../../static/img/like_icon.png" class="img" mode="aspectFit"></image>
				<span class="u-m-t-10 u-font-sm">我的点赞</span>
			</p>
			<p class="box" @click="collect()">
				<image src="../../static/img/about_icon.png" class="img" mode="aspectFit"></image>
				<span class="u-m-t-10 u-font-sm">我的收藏</span>
			</p>
		</view>
		<view class="downbar u-border-bottom">
			<view class="list u-flex u-line-1" @click="goMessage">
				<image src="../../static/img/message_icon.png" class="img" mode="aspectFit"></image>
				<p class="right u-flex u-m-l-30">
					<span class="r_top">@我的消息</span>
					<span class="r_down u-m-t-10 u-font-xs ">点击查看客服对话及售后通知</span>
				</p>
			</view>
		</view>
<!-- 		<view class="downbar u-border-bottom">
			<view class="list u-flex u-line-1" @click="goMessage">
				<image src="../../static/img/shouzan.png" class="img" mode="aspectFit"></image>
				<p class="right u-flex u-m-l-30">
					<span class="r_top">收到的赞👍</span>
					<span class="r_down u-m-t-10 u-font-xs ">点击查看客服对话及售后通知</span>
				</p>
			</view>
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {};
		},
		onLoad() {
				this.handleLike()
		},
		methods:{
			like(){  //去我的点赞
				uni.navigateTo({
					url:'like'
				})
			},
			collect(){ //我的收藏
				uni.navigateTo({
					url:'collect'
				})
			},
			//我的消息
			goMessage(){
				uni.navigateTo({
					url:'mymessage'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.img {
		width: 100rpx;
		height: 100rpx;
	}

	.topiner {
		display: flex;
		padding: 40rpx 0;

		.box {
			width: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
		}
	}

	.downbar {
		width: 100%;
		padding: 20rpx;

		.list {
			width: 100%;
			align-items: center;
			justify-content: flex-start;

			.right {
				width: 70vw;
				flex-direction: column;
				align-items: flex-start;

				.r_top {
					font-weight: bold;
				}

				.r_down {
					color: #abadac;
				}
			}
		}

	}
</style>
